<template>
    <span style="line-height: 21px;">
        <span style="color:#aaa;">时延：</span>
        <template v-if="time_delay">
            <span v-if="time_delay < 50" style="color:#19be6b">{{ time_delay }} ms</span>
            <span v-else-if="time_delay < 100" style="color:#f59f00">{{ time_delay }} ms</span>
            <span v-else style="color:#eb0303">{{ time_delay }} ms</span>
        </template>
        <template v-else>
            <span style="color:#eb0303">- ms</span>
        </template>
    </span>
</template>

<script>

export default {
    name: "TimeDelayLabel",
    props: {
        time_delay: Number
    },
    computed: {
    }

}
</script>